<template>
  <div id="app">
    <nav-head></nav-head>
    <router-view></router-view>
    <login v-if='isLoginBox'></login>
    <registered v-if="isRegisBox"></registered>
  </div>
</template>

<script>
import NavHead from '@/components/NavHead'
import Login from "@/components/login/login"
import Registered from '@/components/login/registered'

export default {
  name: 'App',
  components:{
    'nav-head':NavHead,
    'login':Login,
    'registered':Registered,
  },
  computed:{
    isLoginBox:function(){
      return this.$store.state. isLoginBox
    },
    isRegisBox:function(){
      return this.$store.state.isRegisBox
    },
  },
  methods:{

  }
}
</script>

<style lang="scss" src="./assets/css/common.scss">
</style>
